body,
html {
    width: 100%;
    height: 100%;
    background-color: rgba(235, 235, 235, 1);

}

.bgcolor {
    background-color: rgb(2, 53, 54);
    /* opacity: 0.5 */
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    font-size: 20px;
}

.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
}

.bookslist>img,
.bookslist>p {
    padding-top: 10px;
    margin-bottom: 20px;
    float: left;
}

.bookslist>p {
    width: 90%;
    padding-left: 20px;
    word-wrap: break-word;
}

.obForm {
    width: 50%;
    float: left;
    padding-top: 30px;
}

.advertising {
    width: 50%;
    height: 330px;
    float: left;
}

.advertising>img {
    width: 100%;
    height: 100%;
}

/***放大镜*/

.magnify {
    width: 100%;
    position: relative;
}

.magnify>img {
    width: 100%
}

/* 在这里我们来设置放大镜的样式 */
.large {
    width: 180px;
    height: 180px;
    position: absolute;
    /* 圆角 */
    border-radius: 100%;
    /* 这里使用多重阴影、来实现玻璃的效果 */
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.8), 0 0 7px 7px rgba(0, 0, 0, 0.3), inset 0 0 40px 2px rgba(0, 0, 0, 0.3);
    /* 加载放大镜的图片 */
    /* background: url(../img/Koala.jpg) no-repeat; */
    /* background-image: url(../img/Koala.jpg); */
    /* background-repeat: no-repeat; */
    /* 放大镜默认隐藏 */
    display: none;
}

/* 解决放大镜在放大的过程中边缘重叠的BUG */
.small {
    display: block;
}